import {
	mapGetters
} from 'vuex'
// 导出一个mixin对象,然后在4个tabbar页面分别导入该模块
export default {
	computed: {
		...mapGetters('m_cart', ['total'])
	},
	// 官方生命周期函数，页面刚显示的时候
	onShow() {
		this.setBadge()
	},
	watch: {
		// 监听 total 值的变化
		total() {
			// 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
			this.setBadge()
		},
	},
	methods: {
		//setBadge(徽章) 此方法用于将total里的商品数量显示到购物车tabbar的图标上面
		// 但是此方法会有一个问题就是切换到其他tabbar页面刷新后就回丢失徽标数据，所以通过mixins混入将其封装或者在每一个页面都写一段这个代码
		setBadge() {
			uni.setTabBarBadge({
				index: 2,
				text: this.total + '', //因为text的值不能是数字所以 +''将其转为字符串
				// text: uni.getStorageSync(String(this.total))
			})
		}
	}
}
